<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>大事件-后台首页</title>
    <link rel="stylesheet" href="./libs/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/reset.css" />
    <link rel="stylesheet" href="css/iconfont.css" />
    <link rel="stylesheet" href="css/main.css" />
    <script src="./libs/jquery-1.12.4.min.js"></script>
    <!-- 导入bootstrap的js文件 -->
    <script src="./libs/bootstrap/js/bootstrap.min.js"></script>
  </head>

  <body>
    <div class="sider" style="overflow: hidden;">
      <a href="#" class="logo"><img src="images/logo02.png" alt="logo" /></a>
      <div class="user_info">
        <img src="images/2.jpg" alt="person" />
        <span>欢迎&nbsp;&nbsp;李思思</span>
        <b>管理员</b>
      </div>
      <!-- 左侧导航栏哦 -->
      <div class="menu">
        <div class="level01 active">
          <!-- 首页 -->
          <a href="./main_count.html" target="main_frame">
            <i class="iconfont icon-yidiandiantubiao04"></i>
            <span>首页</span>
          </a>
        </div>
        <div class="level01">
          <a href="#">
            <i class="iconfont icon-icon-article"></i>
            <span>文章管理</span>
            <b class="iconfont icon-arrowdownl"></b>
          </a>
        </div>
        <ul class="level02">
          <li>
            <!-- 文章列表 -->
            <a href="./article_list.html" target="main_frame">
              <i class="iconfont icon-previewright"></i>
              <span>文章列表</span>
            </a>
          </li>
          <li>
            <!-- 发表文章 -->
            <a href="./article_release.html" target="main_frame">
              <i class="iconfont icon-previewright"></i>
              <span>发表文章</span>
            </a>
          </li>
          <li>
            <!-- 文章类别管理 -->
            <a href="./article_category.html" target="main_frame">
              <i class="iconfont icon-previewright"></i>
              <span>文章类别管理</span>
            </a>
          </li>
        </ul>

        <div class="level01">
          <!-- 评论管理 -->
          <a href="./comment_list.html" target="main_frame">
            <i class="iconfont icon-comment"></i>
            <span>评论管理</span>
          </a>
        </div>
        <div class="level01" id="user">
          <!-- 个人中心 -->
          <a href="./user.html" target="main_frame">
            <i class="iconfont icon-user"></i>
            <span>个人中心</span>
          </a>
        </div>
      </div>
      <!-- 顶部栏 -->
      <div class="header_bar">
        <div class="user_center_link">
          <!-- 顶部的个人中心 -->
          <a href="./user.html" target="main_frame">个人中心</a>
          <img src="images/2.jpg" alt="person" />
          <a href="javascript:void(0)" class="logout">
            <i class="iconfont icon-tuichu"></i>
            退出
          </a>
        </div>
      </div>
      <!-- 右侧主体内容 -->
      <div class="main" id="main_body">
        <!-- 展示的iframe标签 -->
        <iframe src="./main_count.html" name="main_frame" style="width: 100%; height: 100%;" frameborder="0"></iframe>
      </div>
    </div>

    <!-- 模态框 -->
    <div id="logoutModal" class="modal fade" tabindex="-1" role="dialog">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title">温馨提示!</h4>
          </div>
          <div class="modal-body">
            <p>你确定要退出吗?o(╥﹏╥)o&hellip;</p>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            <button type="button" class="btn btn-primary btn-logout">狠心退出</button>
          </div>
        </div>
        <!-- /.modal-content -->
      </div>
      <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->

    <!-- 导入请求地址 -->
    <script src="./utils/urls.js"></script>
    <!-- 导入自己的js -->
    <script src="./js/index.js"></script>
  </body>
</html>
